<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta data-th-replace="common/meta :: meta">
    <title>格物数据后台管理平台</title>
    <link rel="stylesheet" data-th-replace="common/Link :: link">
</head>
<body class="js-route-flag js-focusCrowd">
    <div class="container-fluid basePadding">
        <div class="row">
            <div class="row">
                <div class="col-md-6 col-xs-6">
                    <form class="form-inline roleForm">
                        <div class="form-group">
                            <input type="text" class="form-control" id='code' placeholder="输入编号">
                        </div>
                        <button type="button" class="btn btn-gew" id="search"><i class="fa fa-search"></i>检索</button>
                    </form>
                </div>
                <div class="col-md-6 col-xs-6">
                    <button class="btn btn-gew pull-right addBtn" type="button" id="addFocusCrowd"><i class="fa fa-plus"></i>添加</button>
                    <button class="btn btn-gew pull-right" type="button" id="batchImport"><i class="fa fa-users"></i>批量导入</button>
                </div>
            </div>
            <div class="table-responsive marginTop">
                <table class="table table-hover" id="bootstrapTable"></table>
            </div>
        </div>
        <!--excel回显表格-->
        <div id="excelTableDiv" class="hidden-gew">
            <form class="form-horizontal">
                <div class="box-body">
                    <div class="code">
                        <label for="excelType" class="col-sm-2 control-label">类型</label>
                        <div class="col-sm-4">
                            <select id="excelType" class="form-control form-select">
                                <option value="SD">SD</option>
                                <option value="SH">SH</option>
                                <option value="SA">SA</option>
                                <option value="SJ">SJ</option>
                                <option value="QT">QT</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">布控周期</label>
                        <div class="col-sm-10">
                            <label class="yesBtn">
                                <input type="radio" name="exceltimeType" class="flat-red"  value=1>
                                <input type="text" class="form-control setDay" id="exceldays">&nbsp;&nbsp;天
                            </label>
                            <label class="yesBtn">
                                <input type="radio" name="exceltimeType" class="flat-red"  value=2>&nbsp;&nbsp;长期
                            </label>
                            <label>
                                <input type="radio" name="exceltimeType" class="flat-red"  value=3>&nbsp;&nbsp;指定日期
                            </label>
                            <label class="timeLabel">
                                <input id="exceltimeStart" autocomplete="off" type="text" data-toggle="datepicker" class="form-control" placeholder="请选择日期">
                            </label>
                            <label>&nbsp;-&nbsp;</label>
                            <label class="timeLabel">
                                <input id="exceltimeEnd" autocomplete="off" type="text" data-toggle="datepicker" class="form-control" placeholder="请选择日期">
                            </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">告警通知类型</label>
                        <div class="col-sm-10 isbtn">
                            <label class="yesBtn">
                                <input type="checkbox" name="day" class="flat-red" checked value="">&nbsp;&nbsp;系统
                            </label>
                            <label class="yesBtn">
                                <input type="checkbox" name="day" class="flat-red" value="">&nbsp;&nbsp;短信
                            </label>
                            <label>
                                <input type="checkbox" name="day" class="flat-red" value="">&nbsp;&nbsp;语音通话
                            </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">自定义告警</label>
                        <div class="col-sm-10">
                            <div class="prev">
                                <label>
                                    进入区域告警
                                </label>
                                <button type="button" id="excelenterAlarm"><i class="fa fa-plus"></i>编辑</button>
                                <div id="excelenterAlarmSub">
                                </div>
                            </div>

                            <div class="prev">
                                <label>
                                    <!--<input type="checkbox" name="actAlarm" class="flat-red checkInput" value="">&nbsp;&nbsp;-->
                                    离开区域告警
                                </label>
                                <button type="button" id="excelleaveAlarm"><i class="fa fa-plus"></i>编辑</button>
                                <div  id="excelleaveAlarmSub">
                                </div>
                            </div>

                            <div class="prev">
                                <label>
                                    行为告警
                                </label>
                                <button type="button" id="excelbehaviorAlarm"><i class="fa fa-plus"></i>编辑</button>
                                <div id="excelbehaviorAlarmSub">
                                </div>
                            </div>
                            <div class="prev">
                                <label>
                                    高速轨迹告警
                                </label>
                                <button type="button" id="excelhighSpeedAlarm"><i class="fa fa-plus"></i>编辑</button>
                                <div id="excelhighSpeedAlarmSub">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <div class="table-responsive marginTop">
                <table class="table table-hover" id="excelTable"></table>
            </div>
            <div class="box-footer">
                <button type="button" id="excelSave" class="btn btn-gew"><i class="fa fa-floppy-o"></i>保存</button>
                <button type="button" class="btn btn-default-gew btn_close"><i class="fa fa-times"></i>取消</button>
            </div>
        </div>
        <!--导入excel-->
        <div id="inputFile" class="hidden-gew">
            <div class="modal-body">
                <form id="importFile" name="importFile" class="form-horizontal" method="post" enctype="multipart/form-data">
                    <div class="box-body">
                        <div class="templet"><a href="/images/excelFile.xlsx"><i class="fa fa-file-excel-o"></i>模板下载</i></a></div>
                            <label class="control-label excel-title">请选择要导入的Excel文件：</label>
                            <input id="excelFile" name="excelFile" class="file-loading" type="file" multiple accept=".xls,.xlsx" placeholder="请选择文件">
                    </div>
                </form>
            </div>
        </div>
        <!--进入区域告警-->
        <div id="enterAlarmModel" class="hidden-gew alarmModel">
            <div class="table-responsive marginTop">
                <table class="table table-hover addControl" id="enterAlarmTable"></table>
            </div>
        </div>
        <!--离开区域告警-->
        <div id="leaveAlarmModel" class="hidden-gew alarmModel" >
            <div class="table-responsive marginTop">
                <table class="table table-hover" id="leaveAlarmTable"></table>
            </div>
        </div>
        <!--添加以及修改-->
        <div id="myModal" class="hidden-gew">
            <form class="form-horizontal">
                <div class="box-body">
                    <input type="hidden" id="id" name="id">
                    <div class="form-group">
                        <label for="phoneNum" class="col-sm-2 control-label">手机号</label>
                        <div class="col-sm-4">
                            <input type="text" required="" aria-required="true" class="form-control" id="phoneNum" placeholder="请输入手机号...">
                        </div>
                        <label for="type" class="col-sm-2 control-label">类型</label>
                        <div class="col-sm-4">
                            <!--<input type="text" required="" aria-required="true" class="form-control" id="type" placeholder="请输入人员类型...">-->
                            <select id="type" class="form-control form-select">
                                <option value="SD">SD</option>
                                <option value="SH">SH</option>
                                <option value="SA">SA</option>
                                <option value="SJ">SJ</option>
                                <option value="QT">QT</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="noticePeople" class="col-sm-2 control-label">通知人姓名</label>
                        <div class="col-sm-4">
                            <input type="text" required="" aria-required="true" class="form-control" id="noticePeople" placeholder="请输入通知人姓名...">
                        </div>
                        <label for="noticePhone" class="col-sm-2 control-label">通知人手机号</label>
                        <div class="col-sm-4">
                            <input type="text" required="" aria-required="true" class="form-control" id="noticePhone" placeholder="请输入通知人手机号...">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">布控周期</label>
                        <div class="col-sm-10">
                            <label class="yesBtn">
                                <input type="radio" name="timeType" class="flat-red"  value=1>
                                <input type="text" class="form-control setDay" id="days">&nbsp;&nbsp;天
                            </label>
                            <label class="yesBtn">
                                <input type="radio" name="timeType" class="flat-red"  value=2>&nbsp;&nbsp;长期
                            </label>
                            <label>
                                <input type="radio" name="timeType" class="flat-red"  value=3>&nbsp;&nbsp;指定日期
                            </label>
                            <label class="timeLabel">
                                <input id="timeStart" autocomplete="off" type="text" data-toggle="datepicker" class="form-control" placeholder="请选择日期">
                            </label>
                            <label>&nbsp;-&nbsp;</label>
                            <label class="timeLabel">
                                <input id="timeEnd" autocomplete="off" type="text" data-toggle="datepicker" class="form-control" placeholder="请选择日期">
                            </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">告警通知类型</label>
                        <div class="col-sm-10 isbtn">
                            <label class="yesBtn">
                                <input type="checkbox" name="day" class="flat-red" checked value="">&nbsp;&nbsp;系统
                            </label>
                            <label class="yesBtn">
                                <input type="checkbox" name="day" class="flat-red" value="">&nbsp;&nbsp;短信
                            </label>
                            <label>
                                <input type="checkbox" name="day" class="flat-red" value="">&nbsp;&nbsp;语音通话
                            </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">自定义告警</label>
                        <div class="col-sm-10">
                             <div class="prev">
                                 <label>
                                     区域告警
                                 </label>
                                 <button type="button" id="enterAlarm" class="btn btn-gew alarm-editor-btn"><i class="fa fa-plus"></i>编辑</button>
                                 <div id="enterAlarmSub" class="sub">
                                 </div>
                             </div>
                             <div class="prev">
                                 <label>
                                     行为告警
                                 </label>
                                 <button type="button" id="behaviorAlarm" class="btn btn-gew alarm-editor-btn"><i class="fa fa-plus"></i>编辑</button>
                                 <div id="behaviorAlarmSub" class="sub">
                                 </div>
                             </div>
                            <div class="prev">
                                <label>
                                    轨迹告警
                                </label>
                                <button type="button" id="highSpeedAlarm" class="btn btn-gew alarm-editor-btn"><i class="fa fa-plus"></i>编辑</button>
                                <div id="highSpeedAlarmSub" class="sub">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="box-footer">
                    <button type="submit" id="btn_save" class="btn btn-gew"><i class="fa fa-floppy-o"></i>保存</button>
                    <button type="button" class="btn btn-default-gew btn_close"><i class="fa fa-times"></i>关闭</button>
                </div>
            </form>
        </div>
    </div>
    <script data-main="js/main.js" src="js/lib/require.min.js" defer async="true"></script>
</body>
</html>